<style>
#getUgovorWindow ol > li{
	float:left;
	clear:both;
	max-width:600px;
	margin-bottom:10px;
	margin-left:15px;
	padding-bottom:10px;
	border-bottom:3px double #aaa;
}
#getUgovorWindow ol > li:last-child{
	margin-bottom:0px;
	border-bottom:none;
}
#getUgovorWindow ol > li.storno{
	text-decoration:line-through;
	-moz-opacity:0.2;
}
#getUgovorWindow ol > li.storno:hover{
	text-decoration:none;
	-moz-opacity:1;
}
#getUgovorWindow ol li .CenDug{
	float:right;
	margin-right:11px;
}
#getUgovorWindow ul{
	margin:0px;
	padding:5px;
	border:1px dotted #ccc;
	background:#ddd;
	float:left;
	clear:both;
}
#getUgovorWindow ul li{
	/*max-width:400px;*/
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
	clear:both;	
}
#getUgovorWindow ul li:hover{
	background:#2577BA;
	color:#fff;
}
#getUgovorWindow ul li .cena{
	float:right;
	display:block;
	text-align:right;
	margin-right:5px;
	margin-left:5px;
}
#getUgovorWindow ol li .CenDug:after,
#getUgovorWindow ul li .cena:after{
	/*content:" din.";*/
}
</style>
<div class="area" id="getUgovorWindow">
<h2><img src="gui/icons/ugovor.gif" />&nbsp;{{$komitent_id}}.&nbsp;{{$komitent_name}}</h2>
<ol>
	{{%loop start ugoid}}
	<li value="{{$ugobroj}}" class="{{$storno}}" title="{{$ugoid}}">
		<div style="float:left; max-width:175px;"><strong>{{$radnik}}</strong><br />{{$datum}}</div>
		<div style="float:right; max-width:120px;">
			<span class="CenDug" title="Ukupna cena ugovora"><strong>{{$cena}}</strong></span><br clear="all" />
			<span class="CenDug" title="Dugovanje">{{$dugovanje}}</span>
		</div>
		<ul>
			{{$artikli}}
		</ul>
	</li>
	{{%loop end}}
</ol>
</div>